<template>
    <HeaderBar :title="$t('mine.deposit.title')" />
    <view class="Bonus-container main-container">
        <view class="banner"><image mode="widthFix" class="bg" src="@/static/icon/c2_bg.jpg" /></view>
        <div class="rich-text">
            <p>🎉 {{$t('mine.deposit.content1')}}🎉</p>
            <p>
                {{$t('mine.deposit.content2')}}
            </p>
            <p><br /></p>
            <p>
                {{$t('mine.deposit.content3')}}
            </p>
            <p><br /></p>
            <p>
                {{$t('mine.deposit.content4')}}
            </p>
            <p><br /></p>
            <p>💰 {{$t('mine.deposit.content5')}}</p>
            <p>🔹 {{$t('mine.deposit.content6')}}</p>
            <p>🔹 {{$t('mine.deposit.content7')}}</p>
            <p>🔹 {{$t('mine.deposit.content8')}}</p>
            <p>🔹 {{$t('mine.deposit.content9')}}</p>
            <p>🔹 {{$t('mine.deposit.content10')}}</p>
            <p><br /></p>
            <p>🎯 {{$t('mine.deposit.content11')}}</p>
            <p>
                ✅ {{$t('mine.deposit.content12')}}
            </p>
            <p>✅ {{$t('mine.deposit.content13')}}</p>
            <p>
                ✅ {{$t('mine.deposit.content14')}}
            </p>
            <p>✅ {{$t('mine.deposit.content15')}}</p>
            <p><br /></p>
            <p>
                📌 {{$t('mine.deposit.content16')}}
            </p>
            <p>
                🔥 {{$t('mine.deposit.content17')}}
            </p>
            <p><br /></p>
            <p>
                👉 {{$t('mine.deposit.content18')}}
            </p>
            <p><br /></p>
            <p><br /></p>
            <p>
                <image mode="widthFix" src="@/static/icon/bonus_banner.png" />
            </p>
        </div>
    </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import HeaderBar from '@/components/HeaderBar/index.vue';

onLoad(() => {
    getList();
});

//初始化加载，获取列表数据
const getList = async () => {};
</script>

<style lang="scss" scoped>
.Bonus-container {
    .banner {
        image {
            width: 100%;
        }
    }
    .rich-text {
        font-size: 30rpx;
        padding: 30rpx;
        line-height: 40rpx;
        image {
            width: 100%;
        }
    }
}
</style>
